<template>
	<view>
		<uv-navbar
			:leftIconColor="navstyle.txtColor"
			:titleStyle="titleStyle"
			:title="navstyle.title"
			:leftIcon="navstyle.leftIcon"
			:bgColor="navstyle.bgColor"
			:fixed="false"
			@leftClick="leftClick"
			:safeAreaInsetTop="false">
		</uv-navbar>
		<view class="order_tab">
			<view class="select_a select">
				可使用
			</view>
			<view class="select_a ">
				已使用
			</view>
			<view class="select_a ">
				已过期
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				navstyle: {
					title: "优惠券",
					txtColor: "#333333",
					bgColor: "#FFFFFF",
					leftIcon: "arrow-left"
				},
				titleStyle: {
					fontWeight: 700
				},
			}
		},
		methods:{
			leftClick() {
				uni.reLaunch({
				  url: '/pages/index/user' // 替换成上一页的路径
				});
			},
		}
	}
</script>

<style>
	.order_tab{
	    background-color: #fff;
	    box-shadow: 2px 2px 4px #ccc;
	    display: flex;
	    padding: 8px 10px;
	    font-size: 17px;
	    line-height: 37px;
	    margin-bottom: 10px;
	}
	.select {
	    color: #fff;
	    background-color: #d76c6b !important;
	    margin-right: 5px;
	    padding: 0 14px 0 14px;
	    border-radius: 10px;
	}
	.select_a {
	    color: #fff;
	    margin-right: 5px;
	    background-color: #bfbfbf ;
	    padding: 0 14px 0 14px;
	    border-radius: 10px;
	}
</style>